<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<f:view>

	<h:head>
		<link type="text/css" rel="stylesheet"
			href="themes/blitzer/blitzerSA.css" />

		<style type="text/css">
.scroll {
	width: 150px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
}

.ui-menu-item {
	color: #004276;
}

.ui-menu-background {
	color: #E2DEDE
}

;
body {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}

.tablitaStyle {
	width: 660px;
}

.barra {
	margin-left: 72%;
	position: fixed;
	top: 200px;
	width: 110px;
	background-color: #ffffff;
	z-index: 4;
	border: 2px #cccccc solid;
	padding: 4px;
}
</style>


	</h:head>

	<h:body>
		<h:form>
			<h:panelGrid columns="1" width="100%">
				<p:panel>
					<f:facet name="header">
						<h:outputLabel value="Bandeja de Requerimientos" />
					</f:facet>
					<h:panelGrid columns="1" width="100%">
						<p:dataTable value="#{bandejaRequerimientosMB.listadoRequerimientos}" var="requerimiento">
					        <p:column>
					            <f:facet name="header">
					                Descripcion
					            </f:facet>					
					            <h:outputText value="#{requerimiento.descripcion}" />
					        </p:column>
					        <p:column>
					            <f:facet name="header">
					                Estado
					            </f:facet>					
					            <h:outputText value="#{requerimiento.item.nombre}" />
					        </p:column>
					        <p:column>
					            <f:facet name="header">
					                Fecha
					            </f:facet>					
					            <h:outputText value="#{requerimiento.fechaModificacion}" />
					        </p:column>
					        <p:column>
					            <f:facet name="header">
					                Acciones
					            </f:facet>					
					            <h:panelGroup>
					            	<p:commandLink actionListener="#{bandejaRequerimientosMB.actionListenerDerivarRequerimiento}"
					            		action="#{bandejaRequerimientosMB.actionBandejaRequerimientos}">
					            		<h:graphicImage value="/images/select_over.gif" title="Derivar"/>
					            		<f:attribute name="idRequerimiento" value="#{requerimiento.requerimientoId}"/>
					            	</p:commandLink>
					            	<p:spacer width="10px"/>
					            	<p:commandLink actionListener="#{bandejaRequerimientosMB.actionListenerAsignarRequerimiento}"
					            		action="#{bandejaRequerimientosMB.actionBandejaRequerimientos}">
					            		<h:graphicImage value="/images/save_over.gif" title="asignar"/>
					            		<f:attribute name="idRequerimiento" value="#{requerimiento.requerimientoId}"/>
					            	</p:commandLink>
					            </h:panelGroup>
					        </p:column>
						</p:dataTable>
					</h:panelGrid>
					<p:commandButton value="Nuevo Requerimiento" rendered="#{bandejaRequerimientosMB.representanteArea}"/>
				</p:panel>
			</h:panelGrid>
		</h:form>
	</h:body>
</f:view>
</html>